.header {
  width: 100%;
  height: .875rem;
  position: fixed;
  top: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  z-index: 5;
}
.header .logoBox {
  width: 1.833333rem;
  height: .458333rem;
  display: flex;
  flex-direction: row;
  flex: 1;
}
.header .logoBox .logo {
  flex: 1;
  background: url(../images/index/Mai\ Tai.png) no-repeat;
  background-size: contain;
  margin-left: 10%;
}
.header .logoBox .logoFont {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  vertical-align: middle;
  text-shadow: .025rem .008333rem #f3cccc;
  padding-right: 20%;
  color: #c40000;
  flex: 2;
}
.header .logoBox .logoFont .font {
  font-size: .208333rem;
}
.header .logoBox .logoFont .com {
  align-self: flex-start;
  margin-left: 5%;
  font-size: .125rem;
}
.header .seach {
  flex: 3;
  height: .458333rem;
  font-size: .1rem;
}
.header .seach form {
  display: flex;
  width: 60%;
  margin: .083333rem auto;
  margin-bottom: 0;
}
.header .seach form .seachBox {
  flex: 8;
  height: .258333rem ;
  border: .016667rem  solid #c40000;
  background: #e7e7e7;
  border-radius: .05rem 0 0 .05rem;
  outline: none;
  padding-left: .083333rem;
}
.header .seach form .seach_sumbit {
  flex: 2;
  overflow: hidden;
  width: .708333rem;
  height: .258333rem;
  color: #e7e7e7;
  background-color: #c40000;
  font-size: .133333rem;
  border: none;
}
.header .seach form .seach_sumbit:hover {
  cursor: pointer;
}
.header .seach ul {
  color: #555454;
  list-style: none;
  height: .166667rem;
  width: 3.5rem;
  margin: .025rem auto;
  display: flex;
  overflow: hidden;
}
.header .seach ul li {
  vertical-align: middle;
  float: left;
  flex: 1;
  text-align: center;
  font-size: .041667rem ;
}
.header .seach ul li img {
  width: 20%;
  height: 60%;
}
.header .seach ul li:hover {
  cursor: pointer;
  color: #c40000;
}
.header .loginaer {
  width: 1.833333rem;
  height: .458333rem;
  flex: 1;
}
.header .loginaer .login {
  margin: .083333rem  auto auto 15%;
  width: 1.166667rem;
  height: 0.279rem;
  background: rgba(211, 209, 209, 0.486);
  display: flex;
  align-items: center;
  border: none;
  overflow: hidden;
}
.header .loginaer .login:hover {
  cursor: pointer;
  background-color: #ece7b7;
}
.header .loginaer .login div {
  flex: 1;
  background: url(../images/index/登录注册.png) no-repeat;
  width: 100%;
  height: 0.209rem;
  background-size: contain ;
}
.header .loginaer .login ol {
  font-size: .083333rem ;
  color: tomato;
  padding: 0;
  margin: 0 0 0 -0.166667rem;
  flex: 3;
}
.nav {
  margin: .833333rem 0 0 0 ;
  font-size: .133333rem;
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
}
.nav ol {
  margin-bottom: 0;
  padding: 0;
  display: flex;
  width: 100%;
  height: .333333rem;
  flex-direction: row;
  text-align: center;
  border-bottom: .016667rem #b1191a solid;
}
.nav ol li {
  flex: 10;
  padding: .05rem 0 0 0;
}
.nav ol li:first-child {
  background-color: #b10000;
  color: #e7e7e7 !important;
  flex: 23.5;
}
.nav ol li:last-child {
  flex: 25;
}
.nav ol li a {
  display: block;
  width: 100%;
  height: 100%;
}
.nav ol li a:hover {
  cursor: pointer;
  color: #d8c30b !important;
}
.banner {
  width: 100%;
  height: 3.958333rem;
  display: flex;
  flex-direction: row;
  justify-self: start;
  background-color: #e7e6e3;
}
.banner .leftAside {
  font-size: .133333rem;
  flex: 22;
  color: #ecd3d3;
}
.banner .leftAside ul {
  height: 100%;
  margin: 0 .070333rem 0 0;
  background-color: #c81623;
  padding-left: .083333rem;
  padding-right: .05rem;
}
.banner .leftAside ul li {
  overflow: hidden;
  height: .258333rem;
  background-color: #c81623;
  vertical-align: middle;
}
.banner .leftAside ul li div {
  width: .083333rem;
  height: 70%;
  background: url(../images/index/大于号.png) no-repeat;
  background-size: .083333rem 70% ;
  float: right;
  color: floralwhite;
  margin-top: .041667rem;
}
.banner .leftAside ul li:hover {
  cursor: pointer;
  background-color: floralwhite;
  color: #c81623;
  border-radius: .041667rem;
}
.banner .leftAside ul li:hover div {
  display: none;
}
.banner .swipper {
  flex: 73;
  width: 6rem;
  height: 99%;
  margin-top: .041667rem;
  background-color: #dfdcdf;
}
.banner .swipper .swiper-container {
  width: 100%;
  height: 100%;
}
.banner .swipper .swiper-slide {
  text-align: center;
  font-size: .15rem;
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.banner .swipper .swiper-slide a {
  width: 100%;
  height: 100%;
}
.banner .swipper .swiper-slide a img {
  width: 100%;
  height: 100%;
}
.banner .rightAside {
  flex: 25;
  display: flex;
  margin-top: 0.041667rem;
  margin-left: .083333rem;
  flex-direction: column;
  overflow: hidden;
}
.banner .rightAside .news {
  overflow: hidden;
  margin: 0;
  padding: 0;
  font-size: .116667rem;
  padding: .041667rem;
  flex: 2;
  border: #f3f2f2 .008333rem solid;
}
.banner .rightAside .news .p {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #141414;
}
.banner .rightAside .news .rig {
  float: right;
  transform: translateY(-100%);
}
.banner .rightAside .news .rig:hover {
  cursor: pointer;
  color: #c81623;
}
.banner .rightAside .news ul {
  font-size: .083333rem;
  padding: 0;
  display: flex;
  flex-direction: column;
  line-height: 2;
  overflow: hidden;
  color: #555454;
}
.banner .rightAside .news ul li {
  overflow: hidden;
  flex: 1;
}
.banner .rightAside .news ul li:hover {
  cursor: pointer;
  color: #c81623;
}
.banner .rightAside .convenient {
  flex: 3;
  border: #f3f2f2 .008333rem solid;
  border-collapse: collapse;
}
.banner .rightAside .convenient td {
  border: #f3f2f2 .008333rem solid;
}
.banner .rightAside .convenient td img {
  width: 80%;
  height: 85%;
}
.banner .rightAside .convenient td:hover {
  cursor: pointer;
  background-color: azure;
}
.banner .rightAside .show {
  flex: 1;
  margin-top: .083333rem;
}
.banner .rightAside .show img {
  width: 100%;
}
.menu {
  margin: .058333rem auto;
  padding: 0;
  width: 100%;
  height: 1.35rem;
  display: flex;
  flex-direction: row;
}
.menu ol {
  flex: 11;
  background-color: #636262;
  display: flex;
  align-items: center;
}
.menu ol li {
  margin: 0 auto;
  width: 40%;
  height: 50%;
  background: url(../images/index/menuF.png) no-repeat;
  background-size: 90% 100%;
}
.menu a {
  background-color: #d9dcdd;
  flex: 13.5;
  margin: 3px;
}
.menu a img {
  width: 100%;
  height: 100%;
}
.contant {
  width: 100%;
  background-color: #e9eff1;
}
.contant .like {
  width: 100%;
  height: 3.333333rem;
  line-height: 2;
  font-size: .125rem;
}
.contant .like ol {
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: row;
}
.contant .like ol .mi {
  color: red;
}
.contant .like ol .writting {
  flex: 13;
}
.contant .like ol .change {
  flex: 1;
}
.contant .like ol .change img {
  margin: .041667rem;
  vertical-align: middle;
  width: 15%;
  height: 40%;
  display: inline-block;
}
.contant .like ol .change:hover {
  cursor: pointer;
  border-radius: 20% 20%;
  background-color: #c6e2f1;
}
.contant .like div {
  width: 100%;
  height: 3.083333rem;
  display: flex;
  flex-direction: row;
}
.contant .like div .likeFirst {
  flex: 1.3;
}
.contant .like div .likeFirst img {
  width: 100%;
  height: 100%;
}
.contant .like div .ribo {
  flex: 3;
  display: flex;
  flex-direction: column;
}
.contant .like div .ribo ul {
  width: 100%;
  height: 50%;
  display: flex;
  flex-direction: row;
}
.contant .like div .ribo ul li {
  flex: 1;
  margin: 2px;
}
.contant .like div .ribo ul li img {
  width: 100%;
  height: 100%;
}
.contant .like div .ribo ul .ribo_one {
  flex: 2;
  background-color: #ffffff;
}
.contant .like div .ribo ul .ribo_two {
  flex: 2;
  background-color: #ffffff;
}
.contant .like div .ribo ul .ribo_third {
  flex: 1.5;
  background-color: #ffffff;
}
.contant .like div .ribo ul .riboOne {
  background-color: #ffffff;
}
.contant .like div .ribo ul .riboTwo {
  background-color: #ffffff;
}
.contant .like div .ribo ul .riboThird {
  background-color: #ffffff;
}
.contant .craze {
  width: 100%;
  line-height: 1;
  font-size: .125rem;
  height: 3.333333rem;
}
.contant .craze ol {
  width: 100%;
  height: .25rem;
  overflow: hidden;
  display: flex;
  flex-direction: row;
}
.contant .craze ol .fire {
  margin: 0 .041667rem 0 0;
  padding: .083333rem 0;
  color: red;
}
.contant .craze ol .writting {
  flex: 1;
}
.contant .craze ol ul {
  color: #555454;
  font-size: .1rem;
  height: 100%;
}
.contant .craze ol ul li {
  margin: .041667rem;
  padding: .083333rem;
  float: right;
  border-right: 1px solid #555454;
}
.contant .craze ol ul li:last-child {
  color: red;
}
.contant .craze ol ul li:hover {
  color: red;
  cursor: pointer;
}
.contant .craze .pic {
  display: flex;
  flex-direction: row;
  height: 3.083333rem;
  width: 100%;
  margin-top: .033333rem;
}
.contant .craze .pic li {
  background-color: #fff;
  margin: 1px;
}
.contant .craze .pic li img {
  width: 100%;
  height: 100%;
}
.contant .craze .pic li img:hover {
  cursor: pointer;
}
.contant .craze .pic .a1 {
  flex: 18;
}
.contant .craze .pic .a-2 {
  flex: 29;
  width: 2.766667rem;
  margin: 0;
}
.contant .craze .pic .a-2 .swiper-container {
  width: 100%;
  height: 100%;
}
.contant .craze .pic .a-2 .swiper-container .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.contant .craze .pic .a-2 .swiper-container .swiper-slide a {
  width: 100%;
  height: 100%;
}
.contant .craze .pic .a-2 .swiper-container .swiper-slide a img {
  width: 100%;
  height: 100%;
}
.contant .craze .pic .a3 {
  flex: 43;
  background-color: #ffffff;
}
.contant .craze .pic .a3 img {
  width: 100%;
  height: 100%;
}
.contant .craze .pic .a4 {
  flex: 23;
  background-color: #ffffff;
}
.contant .craze .pic .a4 img {
  width: 100%;
  height: 100%;
}
.contant .lifedata {
  width: 100%;
  line-height: 1;
  font-size: .125rem;
  height: 3.333333rem;
}
.contant .lifedata ol {
  width: 100%;
  height: .25rem;
  overflow: hidden;
  display: flex;
  flex-direction: row;
}
.contant .lifedata ol .fire {
  margin: 0 .041667rem 0 0;
  padding: .083333rem 0;
  color: red;
}
.contant .lifedata ol .writting {
  flex: 1;
}
.contant .lifedata ol ul {
  color: #555454;
  font-size: .1rem;
  height: 100%;
}
.contant .lifedata ol ul li {
  margin: .041667rem;
  padding: .083333rem;
  float: right;
  border-right: 1px solid #555454;
}
.contant .lifedata ol ul li:last-child {
  color: red;
}
.contant .lifedata ol ul li:hover {
  color: red;
  cursor: pointer;
}
.contant .lifedata .pic {
  display: flex;
  flex-direction: row;
  height: 3.083333rem;
  width: 100%;
  margin-top: .033333rem;
}
.contant .lifedata .pic li {
  background-color: #fff;
  margin: 1px;
}
.contant .lifedata .pic li a {
  width: 100%;
  height: 100%;
}
.contant .lifedata .pic li a img {
  width: 100%;
  height: 100%;
}
.contant .lifedata .pic li a img:hover {
  cursor: pointer;
}
.contant .lifedata .pic .a1 {
  flex: 18;
  width: 100%;
  height: 100%;
}
.contant .lifedata .pic .a2 {
  flex: 29;
  width: 2.566667rem;
}
.contant .lifedata .pic .a2 .swiper-container {
  width: 100%;
  height: 100%;
}
.contant .lifedata .pic .a2 .swiper-container .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.contant .lifedata .pic .a2 .swiper-container .swiper-slide img {
  width: 100%;
  height: 100%;
}
.contant .lifedata .pic .a3 {
  flex: 43;
  background-color: #ffffff;
}
.contant .lifedata .pic .a3 img {
  width: 100%;
  height: 100%;
}
.contant .lifedata .pic .a4 {
  flex: 23;
  background-color: #ffffff;
}
.contant .lifedata .pic .a4 img {
  width: 100%;
  height: 100%;
}
footer {
  padding-top: .25rem;
  background-color: #f0ece7;
}
footer ul {
  display: flex;
  justify-content: center;
}
footer ul li {
  flex: 1;
}
footer ul li h5 {
  margin-left: 20%;
}
footer ul li .ture {
  float: left;
  margin-right: .066667rem;
  width: .416667rem;
  height: .416667rem;
  background: url(../images/index/正品.gif) no-repeat;
  background-size: 100% 100%;
}
footer ul li .fast {
  float: left;
  margin-right: .066667rem;
  width: .416667rem;
  height: .416667rem;
  background: url(../images/index/物流.gif) no-repeat;
  background-size: 100% 100%;
}
footer ul li .after-sales {
  float: left;
  margin-right: .066667rem;
  width: .416667rem;
  height: .416667rem;
  background: url(../images/index/售后.gif) no-repeat;
  background-size: 100% 100%;
}
footer ul li .help {
  float: left;
  margin-right: .066667rem;
  width: .416667rem;
  height: .416667rem;
  background: url(../images/index/帮助.gif) no-repeat;
  background-size: 100% 100%;
}
footer ul li .service_text p {
  font-size: .1rem;
  overflow: hidden;
}
footer .mod_help {
  display: flex;
  margin-top: .125rem;
}
footer .mod_help dl {
  flex: 1;
}
footer .mod_help dl .qq {
  padding-left: 20%;
  height: .416667rem;
}
footer .mod_help dl .qq img {
  width: 30%;
  height: 100%;
}
footer .mod_help dl h5 {
  padding-left: 20%;
  margin-bottom: .083333rem;
}
footer .mod_help dl dt {
  padding-left: 20%;
  font-size: .116667rem;
  margin-bottom: .083333rem;
  color: #555454;
}
footer .mod_help dl dt:hover {
  color: red;
  cursor: pointer;
}
footer .copyright ul {
  margin: 0 auto;
  width: 30%;
}
footer .copyright ul li {
  text-align: center;
  font-size: .083333rem;
  border-right: 1px solid #555454;
}
footer .copyright ul li:hover {
  color: red;
  cursor: pointer;
}
footer .copyright h3 {
  text-align: center;
  color: red;
}
footer .retop {
  background-color: sienna;
  color: sienna;
  width: .25rem;
  height: .25rem;
  position: fixed;
  bottom: .583333rem;
  right: .166667rem;
  background: url(../images/index/返回顶部.png) no-repeat;
  border-radius: 50% 50%;
  display: none;
}
